<!DOCTYPE html>
<html lang="en">
<head>
    <title>Video.js | HTML5 Video Player</title>
    <!-- <link href="video-js-6.2.0/video-js.css" rel="stylesheet">
    <script src="video-js-6.2.0/videojs-ie8.min.js"></script> -->

    <link href="http://vjs.zencdn.net/5.20.1/video-js.css" rel="stylesheet">

</head>
<style>
    .uls{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        text-align: center
    }
    .lis{
        list-style-type: none;
    }
</style>
<body>
<!-- autoplay + muted 自动播放生效 -->
<video id="myVideo1" class="video-js vjs-default-skin vjs-big-play-centered" muted controls autoplay preload="auto" width="400" height="300" data-setup='{}'>
    <source id="source" src="http://127.0.0.1:8080/tmp/hls/1aaa.m3u8"  type="application/x-mpegURL">
    <!-- <source id="source" src="http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8"  type="application/x-mpegURL">   -->
    <!-- <source id="source" src="http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8"  type="application/x-mpegURL">     -->
</video>
<script src="http://vjs.zencdn.net/5.20.1/video.js"></script>
</body>
</html>
